<%--
  Created by IntelliJ IDEA.
  User: 123
  Date: 2024/6/28
  Time: 11:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>

<head>

    <title>添加用户</title>


    <style>

        /* 使用Flexbox布局使得框在屏幕上垂直和水平居中 */

        .insert-container {

            display: flex;

            justify-content: center;

            align-items: center;

            height: 100vh; /* 使用视口高度来使容器占满整个屏幕 */

        }

        .insert-form {

            width: 300px; /* 设置表单的宽度 */

            padding: 60px;

            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); /* 添加阴影以便于区分 */

            background-color: #fff; /* 表单的背景色 */

        }

        /* 其他样式按需添加 */

    </style>

</head>

<body>

<div class="insert-container">

    <div class="insert-form">

        <h3>添加用户</h3>

        <form action="chengji" method="post">

            <br>name:<input type="text" name="name" placeholder="请输入用户名" >
            <br>java:<input type="text" name="name" placeholder="请输入java" >
            <br>jsp:<input type="text" name="name" placeholder="请输入jsp" >
            <br>oracle:<input type="text" name="name" placeholder="请输入oracle" >


            <input type="hidden" name="action" value="insert">

            <br><input type="submit" value="添加"> <input type="reset" value="重置">

        </form>

    </div>

</div>

</body>

</html>